/* 
    Document   : admin
    Created on : Jun 12, 2012, 10:41:00 AM
    Author     : Kandahar
    Description:
        Purpose of the stylesheet follows.
*/
.group-box{padding: 10px;border: 1px solid blueviolet}
.box-viewer{background: #EEE url(../images/main_bg.jpg) 0 0 repeat;}
body{}
*		{ font-size: 11px; line-height: 16px; font-family: tahoma; }

a		{ color: darkseagreen;	text-decoration: none; }
a:hover	{ color: black;			text-decoration: none; }

ul		{ padding: 0px; margin: 4px 4px 4px 24px; list-style-position: outside; list-style-type: circle; }
li		{ padding: 0px; margin: 0px;  }

tr, th, td {
        margin:		0px;
        padding:	2PX 4px 5px 4px;
        
}

tr		{ vertical-align: top;											}
th		{ text-align: left; border-bottom: solid	#ddd		1px;	}
td		{ text-align: left; border-bottom: dotted	#ddd	1px;	}

hr		{ margin: 9px -8px 7px -8px; padding: 0px; height: 1px; border: 0px; background-color: silver; }

iframe	{ margin: 1px 0px 0px 0px; }

.weak	{ color: skyblue;	}
.strong	{ color: red;		}

.center	{ text-align: center;	}
.right	{ text-align: right;	}

#menu	{ position: fixed; padding: 8px; left: -256px; top: 0px; width: 240px; height: 100%; border-right: solid silver 16px; background-color: gainsboro; z-index: 10}

#menu a			{ color: gray;	text-decoration: none; }
#menu a:hover	{ color: black;	text-decoration: none; }

#body			{ margin: 0px 0px 0px 0px; padding: 0px; }


input[ type = checkbox ] { margin: 0px 2px 0px 0px; vertical-align: -2px; }
input[ type = text ] {
    width: 100%;
    height: 24px;
    border: 1px solid #CCC;
    padding: 0px 0px;
    background: #FAFAFA;
    line-height: 24px;
}
textarea{
    border: 1px solid #CCC;
    padding: 0px 0px;
    background: #FAFAFA;
    line-height: 16px;
    padding: 4px 0;
}
select{
    width: 100%;
    height: 28px;
    border: 1px solid #CCC;
    padding: 4px 4px 4px 4px;
    background: #FAFAFA;
}
.align-center{text-align: center}
table td, table th{border: 0px}
table.dt				{ border-collapse: collapse; }
tr {
        margin:				0px;
        padding:			0px;
        vertical-align:		top;
}

table.dt th,table.dt td {
        margin:				0px;
        padding:			7px 8px 8px 8px;
        line-height:		16px;
        text-align:			left;
        vertical-align:		middle;
        border-bottom:		1px solid #ddd; /* 20 */
        vertical-align: middle;
        
}
table.dt tr:last-child th,table.dt tr:last-child td{
    border-bottom:none;
}
table.dt tr:hover {
        background-color:	#ffffd6; /* 10 */
}

.w100{width: 100%}
.hidden{display: none}
.close-button{
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0px;
    right: 0px;
    opacity: 0.5;
    cursor: pointer;
    
}
.pr10{padding-right: 10px}
.close-button.left{left: 0;right: auto}
.close-button img{width: 100%;height: 100%;}
.close-button:hover{opacity: 1}
.hover50{opacity: 0.5}
.hover50:hover{opacity: 1}
.tick{width: 32px;height: 32px;cursor: pointer;}

.icon24{width: 24px;height: 24px;cursor: pointer;display: inline;margin: 1px 3px;margin: 0;padding: 0}
.icon16{width: 16px;height: 16px;cursor: pointer;display: inline;margin: 1px 2px;margin: 0;padding: 0}
.icon32{width: 32px;height: 32px;cursor: pointer;display: inline;margin: 2px 4px;margin: 0;padding: 0}

.icon32:active img{position: relative; top: 1px}
.icon24:active img{position: relative; top: 1px}
.icon16:active img{position: relative; top: 1px}

.icon16 img{width: 16px;height: 16px;}
.icon24 img{width: 24px;height: 24px;}
.icon32 img{width: 32px;height: 32px;}
.disable,.hover50.disable{opacity: 0.3}
.disable:hover,.hover50.disable:hover{opacity: 0.5}

.icon16.onoff:hover img:first-child,.icon24.onoff:hover img:first-child,.icon32.onoff:hover img:first-child{display: none}
.icon24.onoff img:last-child,.icon16.onoff img:last-child,.icon32.onoff img:last-child{display: none}
.icon24.onoff:hover img:last-child,.icon16.onoff:hover img:last-child,.icon32.onoff:hover img:last-child{display: block}


tr td .action{display: none}
tr:hover td .action{display: block}
.box-menu{
    position: fixed;top: 0;left: 50%;margin-left: -120px;width: 240px;height: 32px;
    border: 1px solid #d7d7d7;text-align: center
    
}
.folder{opacity: 0.7; padding: 4px;}
.folder>img{padding-right: 4px;}
.folder:hover{opacity: 1;background: #ddd;}
.folder.active{opacity: 1;}
.folder.active span{color:blue}


	.button { background: #222 url(/playground/images/overlay-button.png) repeat-x 0 0; display: inline-block; padding: 5px 15px 6px; color: #fff !important; font-size: 13px; font-weight: bold; line-height: 1; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; overflow: visible; width: auto; }
	button::-moz-focus-inner { border: 0; padding: 0; }
	
	.button:hover { background-color: #111; color: #fff; }
	.button:active { -webkit-transform: translateY(1px); -moz-transform: translateY(1px); }
	/* Small Buttons */
	.small.button { font-size: 11px; }
	/* Large Buttons */
	.large.button { font-size: 14px; padding: 8px 19px 9px; }
	/* Colors for our beloved buttons */
	.green.button { background-color: #91bd09; }
	.green.button:hover { background-color: #749a02; }
	.blue.button { background-color: #2daebf; }
	.blue.button:hover { background-color: #007d9a; }
	.red.button { background-color: #e33100; }
	.red.button:hover { background-color: #872300; }
	.magenta.button{ background-color: #a9014b; }
	.magenta.button:hover { background-color: #630030; }
	.orange.button { background-color: #ff5c00; }
	.orange.button:hover { background-color: #d45500; }
	.orangellow.button { background-color: #ffb515; }
	.orangellow.button:hover { background-color: #fc9200; }
	.white.button { background-color: #fff; border: 1px solid #ccc; color: #666 !important; font-weight: normal; text-shadow: 0 1px 1px rgba(255,255,255,1); }
	.white.button:hover { background-color: #eee; }
	
	/*Strike button*/
	.strike.button	{background-color: #4ADFC1}
	.strike.button:hover {background-color: #39ceb0}
	
	/* Secondary buttons (perfect for Cancels or other secondary actions */
	.secondary.button { background: #fff url(/playground/images/gradients/36px-black.png) repeat-x 0 0; color: #555 !important; text-shadow: 0 1px 1px rgba(255,255,255,0.5); border: 1px solid #bbb; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
	.secondary.button:hover { background-color: #eee; color: #444 !important; border-color: #999; }

	/* Make the buttons super awesomer */
	.super.button { background-image: url(/playground/images/super-button-overlay.png); font-size: 13px; padding: 0; border: 1px solid rgba(0,0,0,.25); -webkit-border-radius: 15px; -moz-border-radius: 15px; }
	.super.button span { display: block; padding: 4px 15px 6px; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-top: 1px solid rgba(255,255,255,.2); line-height: 1; }
	.small.super.button { font-size: 11px; -webkit-border-radius: 12px; -moz-border-radius: 12px; }
	.small.super.button span { padding: 2px 12px 6px; -webkit-border-radius: 11px; -moz-border-radius: 11px; }
	.small.white.super.button span { padding: 3px 12px 5px; }
	.large.super.button { background-position: left bottom; -webkit-border-radius: 18px; -moz-border-radius: 18px; }
	.large.super.button span { font-size: 14px; padding: 7px 20px 9px; -webkit-border-radius: 17px; -moz-border-radius: 17px; }
    
     
    .mybutton.disable,.cirbutton.disable{opacity: 0.3}
    .mybutton.disable:hover,.cirbutton.disable:hover{opacity: 0.5}
    .mybutton,.cirbutton {
        border: 1px solid #3B5999;
        padding: 1px;
        background-color: white;
        width: auto;
        opacity: 0.7;
        float: left;
        display: inline;
        cursor: pointer;
    }
    .mybutton,.cirbutton{margin: 4px;}
    .mybutton.small,.cirbutton.small{margin: 2px;border: none}
    .cirbutton{border-radius: 16px}
    .cirbutton div{border-radius: 15px}
    .mybutton.spaceleft,.cirbutton.spaceleft{margin-left: 40px}
    .mybutton.spaceright,.cirbutton.spaceright{margin-right: 40px}
    
    
    
    .mybutton:hover,.cirbutton:hover{opacity: 1;}
    .mybutton:active,.cirbutton:active {position: relative; top: 1px;}
    .mybutton div,.cirbutton div {
        padding: 4px 12px;
        background-color: #057DB9;
        text-align: center;
    }
    .mybutton.small div {
        padding: 2px 4px;
        background-color: #057DB9;
        text-align: center;
    }
    .cirbutton.small div {
        padding: 2px 6px;
        background-color: #057DB9;
        text-align: center;
    }
    .mybutton.small.icon div,.cirbutton.small.icon div{
        padding-left: 22px;
        position: relative;
    }
    .mybutton div.icon,.mybutton.icon div,.cirbutton div.icon,.cirbutton.icon div{
        padding-left: 36px;
        position: relative;
    }
    .mybutton.icon div img,.cirbutton.icon div img{
        width: 16px;height: 16px;position: absolute;top: 4px;left: 12px;border: none;
    }
    .mybutton.small.icon div img{
        width: 16px;height: 16px;position: absolute;top: 2px;left: 2px;border: none;
    }
    .cirbutton.small.icon div img{
        width: 16px;height: 16px;position: absolute;top: 2px;left: 4px;border: none;
    }
    .mybutton div a,.mybutton div span,.cirbutton div a,.cirbutton div span {
        color: white;
        text-decoration: none;
        font-size: 1em;
    }
    .gmailbutton:hover{
        background-color: whiteSmoke;
        background-image: -webkit-linear-gradient(top,#f8f8f8,#F1F1F1);
        background-image: -moz-linear-gradient(top,#f8f8f8,#F1F1F1);
        background-image: -ms-linear-gradient(top,#f8f8f8,#F1F1F1);
        background-image: -o-linear-gradient(top,#f8f8f8,#F1F1F1);
        background-image: linear-gradient(top,#f8f8f8,#F1F1F1);
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
        -moz-box-shadow: 0 1px 1px rgba(0,0,0,.1);
        box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    }
    .groupbutton .gmailbutton:not(:last-child){
        border-right: 0px;
    }
    .hidden{display: none}
    .gmailbutton{
        min-width: 32px;
        -webkit-user-select: none;
        background-color: #e0e0e0;
        filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#fffafafa,EndColorStr=#ffdcdcdc);
        background-image: -moz-linear-gradient(top,#FAFAFA 0,gainsboro 100%);
        background-image: -ms-linear-gradient(top,#FAFAFA 0,gainsboro 100%);
        background-image: -o-linear-gradient(top,#FAFAFA 0,gainsboro 100%);
        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FAFAFA),color-stop(100%,gainsboro));
        background-image: -webkit-linear-gradient(top,#FAFAFA 0,gainsboro 100%);
        background-image: linear-gradient(to bottom,#FAFAFA 0,gainsboro 100%);
        color: #444;
        border: 1px solid gainsboro;
        border: 1px solid rgba(0, 0, 0, 0.1);
        margin-right: 0;
        
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        position: relative;
        display: inline-block;
        
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        -moz-border-radius-topright: 0;
        -moz-border-radius-bottomright: 0;
        -webkit-border-top-right-radius: 0;
        -webkit-border-bottom-right-radius: 0;
        
        cursor: default;
        font-size: 11px;
        font-weight: bold;
        text-align: center;
        
        height: 26px;
        line-height: 25px;
        min-width: 54px;
        outline: 0;
        padding: 0 8px;
        margin-top: 4px;
        border-color: #CCC #CCC #AAA;
        display: inline-block;
    }
    .edit:hover{
        border: 1px dotted red;
    }
    .loading{width: 719px;height:  479px;background: url(../images/icon/loadder.gif) no-repeat center}
    .ui-close{position: absolute;top: 0;right: 0;z-index: 10}
    .ui-content{
        max-height: 480px;overflow: auto;
        background: #fafafa;
    }
    #mini_inner {
    background-color: white;
    width: 480px;
    margin: 0 auto;
    padding: 50px;
    min-height: 200px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
    z-index: 1;
    }
    .centered {
    
    }
    .accmenu{
        float: right;
        height: 32px;
        position: absolute;
        top: -8px;
        right: 0;
        vertical-align: middle;
        line-height: 32px;
        width: 232px;
        padding-right: 8px;
        text-align: right;
        
    }
    .accmenu> a{
        float: right;
        height: 32px;
        position: absolute;
        right: 0;
        vertical-align: middle;
        line-height: 32px;
        width: 232px;
        padding-right: 8px;
        text-align: right;
        height: 32px
        
    }
    .accmenu:hover> a{
        font-weight: bold;
        width: 230px;
        background: #fff;
        border: 1px solid #d7d7d7;
    }
    .accmenu .mcs_container{
        display: none;
    }
    .accmenu:hover .mcs_container{
        display: block;
    }
    
    